@charset "utf-8";

/*@font-face { font-family: 'PingFang';src: url('PingFang.ttf');}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,table,th,td,button,a {
	padding: 0;
	margin: 0;
	list-style: none
}

body {
	min-width: 20rem;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

body,button,input,select,textarea {
	font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif
}

h1,h2,h3,h4,h5,h6,th,strong {
	font-weight: normal;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,th {
	word-break: break-all;
}

ol,ul {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	text-align: left;
}

img,button {
	border: 0px none;
}

a {
	text-decoration: none;
	outline: none;
	color: #232326;
}

:focus {
	outline: 0;
}

button {
	cursor: pointer;
	line-height: normal !important;
}

input,button,select,textarea {
	outline: none;
	border-radius: 0px;
	border: none;
}

textarea {
	resize: none;
}

.cl {
	float: none !important;
	clear: both !important;
	height: 0px !important;
	_height: 1px !important;
	line-height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	width: 0 !important;
	border: none !important;
	overflow: auto !important;
	zoom: 1;
	background: none !important;
}

.tl {
	text-align: left !important;
}

.tr {
	text-align: right !important;
}

.fl {
	float: left;
}

.fr {
	float: right !important;
}

i {
	font-style: normal;
}

.mt-10 {
	
}

.loading {
	width: 100%;
	z-index: 1001;
	position: fixed;
	overflow: hidden;
	display: block;
	height: 100%;
	background: url(../../admin/images/loading.gif) no-repeat center center;
	display: none;
}

/*弹出框*/
.jd_win {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
	z-index: 99999;
	display: none
}

.jd_win_box {
	width: 80%;
	padding: 0 0.625rem;
	border-radius: 0.25rem;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.jd_win .jd_win_tit {
	border-bottom: 0.0625rem solid #ccc;
	line-height: 2rem;
	padding: 1rem 0 1rem 0;
	text-align: center;
	font-size: 1.125rem
}

.jd_btn {
	width: 100%;
	display: block;
	padding: 0.625rem 0
}

.f_left {
	float: left
}

.f_right {
	float: right
}

.jd_btn span {
	line-height: 2.25rem;
	width: 45%;
	text-align: center;
	border-radius: 0.25rem;
	margin-bottom: 0.625rem;
}

.jd_win .cancle {
	margin-right: 8%;
	border: 0.0625rem solid #ccc
}

.jd_win .submit {
	background: #F23030;
	color: #fff;
	border: 0.0625rem solid #f23030
}

/*请求加载中*/
.wx_loading {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background-color: transparent
}

.wx_loading_inner {
	text-align: center;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -70px;
	margin-top: -48px;
	width: 8.75rem;
	border-radius: 0.375rem;
	font-size: 0.875rem;
	padding: 3.625rem 0 0.625rem;
}

.wx_loading_icon {
	position: absolute;
	top: 1rem;
	left: 50%;
	margin-left: -16px;
	width: 1.5rem;
	height: 1.5rem;
	border: 0.125rem solid #fff;
	border-radius: 1.5rem;
	-webkit-animation: gif 1s infinite linear;
	animation: gif 1s infinite linear;
	clip: rect(0 auto 12px 0)
}

@keyframes gif {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes gif {
	0% {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn)
	}
}

/*加入购物车*/
.message-floor {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 99999
}

.message-floor .messge-box {
	width: 145px;
	background: rgba(0, 0, 0, .8);
	border-radius: 0.5rem;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%
}

.messge-box .messge-box-icon {
	width: 1.625rem;
	height: 1.625rem;
	display: inline-block;
	margin: 1.125rem 0 0.5625rem 0;
	position: relative;
	overflow: hidden;
	vertical-align: middle
}

.message-toast-icon {
	background: url(../images/5.4/message-toast-icon.png) no-repeat;
	background-size: 1.75rem 3.75rem
}

.messge-box .messge-box-content {
	font-size: 1rem;
	line-height: 1rem;
	color: #fff;
	padding: 0 0.625rem 1.25rem 10px;
	}

.succee-icon {
	display: inline-block;
	height: 1.625rem;
	width: 1.625rem;
	background-position: -0.0625rem -1.8125rem;
}

.error-icon {
	display: inline-block;
	height: 1.625rem;
	width: 1.625rem;
	background-position: -1px -1px;
}

/*header*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:3.25rem;
	font-size: 16px;
	text-align: center;
	z-index: 999;
	background-color: #fff;
	box-shadow: 0.0625rem 0.0625rem 0.0625rem #e2e2e2;
}
.headerText{
	color: #333333;
	font-size: 1rem;
	position: absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.header a.left{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5rem;
	height: 2.75rem;
	background: url(../images/arrow-left.png) no-repeat center center;
	background-size: 50%
}

/* .near-box{
    max-width: 640px;
    overflow: hidden;
    margin: 0 auto;
} */
.bigbox {
	width: 100%;
	float: left;
	margin-top: 3.25rem;
}

::-webkit-scrollbar {
	height: 0px;
	width: 0px;
}

/*头部*/
.kaola-bottom {
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 99;
	height: 3.25rem;
	background: #FFF;
	border-top: 1px solid #DCDCDC;
}

.kaola-bottom-box1 {
	width: 25%;
	height: 3.25rem;
	float: left;
	text-align: center;
}

.kaola-bottom-img1 {
	width: 21px;
	height: 21px;
	display: inline-block;
	margin-top: 5px;
}

.kaola-bottom-img1 img {
	width: 21px;
	height: 21px;
	float: left;
}

.kaola-bottom-text1 {
	width: 100%;
	float: left;
	font-size: 13px;
}

.text2 {
	color: #FF9201;
}
